/************************************************************************************
RESET
*************************************************************************************/
*{margin: 0;padding:0}
img, fieldset {border: 0;}
/* set image max width to 100% */
img {max-width: 100%;height: auto;}
a {color:#333333; text-decoration:none}
a:hover {}
p {padding: 2px 0;}
/* list */
ul, ol {padding: 0;list-style:none}
h1,h2,h3,h4{ font-size:1em}
/*----------------------------------------*/


body {
	background: #fff;
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #333;
}

/* reset webkit search input styles */
input[type=search] {-webkit-appearance: none;outline: none;}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
.pagewrap {
	width: 1040px;
	margin: 0 auto;
	position: relative;
}
.cl{ clear:both}
/************************************************************************************
HEADER
*************************************************************************************/
#header {	height:75px;
border-bottom:1px solid #ccc;
background:url(../images/bg-header.png) right no-repeat #d8eaf1
}
.logo{ position:absolute; left:10px; top:2px}
.logo img{ vertical-align:middle}

.lug{ position:absolute; right:20px; top:10px; text-align:center}
.lug a{ color:#000000}
.tk{ position:absolute; left:100px; top:10px}
#main-nav{ height:36px; margin-bottom:8px; background:#006600}
#main-nav ul {
	margin: 0;
	padding: 0;
	display:block;
}
#main-nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
}
#main-nav ul li:first-child {
	
}
#main-nav ul a {
	line-height: 100%;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 0 25px;
	text-decoration: none;
	line-height:36px
}
#main-nav ul a:hover,#main-nav li.active a {
	color: #fff;
	background: #018c01;
}

.tt{border-bottom: 1px solid #006088;margin-bottom: 5px;padding: 0 0 7px 3px; color:#006088; text-transform:uppercase}
.dm-chinh{ margin-top:10px;border:1px solid #006088;-webkit-border-radius:5px; -moz-border-radius:5px ;border-radius:5px; padding:1px}
.dm-chinh h3{ background:#006088; color:#FFFFFF; padding:7px;-webkit-border-radius:3px 3px 0 0 ; -moz-border-radius:3px 3px 0 0 ;border-radius:3px 3px 0 0}
.dm-chinh ul{ width:200px}
.dm-chinh li{ margin-top:2px}
.dm-chinh li a{ color:#333; padding:3px 5px; display:block;background:#f9f9f9}
.dm-chinh li a:hover{color:#000; background:#f1f1f1;}
.button-go{ text-align:center}
.button-go a{ background:#157fab;-webkit-border-radius:5px; -moz-border-radius:5px ;border-radius:5px; padding:3px 10px; display:inline-block; color:#FFFFFF}
.button-go a:hover{ background:#006088}

.search{ padding:5px 10px; background:-moz-linear-gradient(center top , #ECECEC 0%, #FFF 100%) repeat scroll 0% 0% transparent;-webkit-border-radius:5px; -moz-border-radius:5px ;border-radius:5px; border:1px solid #f1f1f1; margin:5px 0}
.search span{ float:left; padding:0 10px}
.search select,.search input[type=text]{ width:180px}
.search select,.search input{ height:23px}

.left{ float:left; width:190px}
.dm-sup li{ padding:5px 0}
.dm-sup li a{ background:url(../images/ar.png) left no-repeat; padding-left:12px;}
.dm-sup li ul{ padding-left:15px}
.dm-sup li ul li a{ padding-left:0; background:none}
.main{ float:left; margin-left:10px; width:642px}
.main td{padding: 5px;}
.main .keycolor{width: 100px;background:none repeat scroll 0% 0% #F5F8FB;}

.news{ padding:5px; color:#999999; border-bottom: 1px solid #CCCCCC}
.news img{ height:70px; float:left; margin-right:10px}
.news h1 a{ padding:10px 0; color:#006088}
.right{ float:right; width:190px}
.qc a{ margin-top:5px; display:block}


.sidle-img{ padding:20px; text-align:center}
.contacts{ border:1px solid #006088; padding:20px; text-align:center;-webkit-border-radius:5px; -moz-border-radius:5px ;border-radius:5px;}
.contacts h3{ font-size:1.2em}
.contacts p{ margin-top:10px}
.contacts .button-go a{ width:130px; display:block}

#footer { 
	padding:20px 0;
	position:relative;
	background:#f1f1f1;
	margin-top:10px;
	border-top:1px solid #CCCCCC
}
.col-footer{ width:208px; float:left; margin-bottom:20px; border-bottom:1px solid #CCCCCC; padding-bottom:20px; min-height: 125px;}
.col-footer li a{ color:#666666}

.mxh{ margin-bottom:10px}
.mxh a{ width:204px; display:inline-block; white-space:nowrap;}
.mxh img{ vertical-align:middle}







/*-----------------------------------*/
#preview_wrap {
			margin: 0 auto;
			padding: 40px 50px 24px 50px;
			width: 500px; 
			height: 380px;
			background: url('../images/bg_preview.gif') top left no-repeat;
		}

#preview_outer {
			overflow: hidden;
			width: 500px;
			height: 400px;
			position: relative;
		}

		#preview_inner {
			text-align: left;
			height: 100%;
			position: relative;
		}
		
		#preview_inner div {
			float: left;
			width: 500px;
			height: 400px;
			position: relative;
		}
		
		#preview_inner img{}
		
		#preview_inner div a {
			position: absolute;
			bottom: 0;
			left: 0;	
			display: block;
			width: 100%;
			text-indent: 20px;
			padding: 20px 0;
			color: #fff;
			background: url(bg_trans.png);
			text-decoration: none;
			font-size: 18px;
		}

		#thumbs {
			padding-top: 30px;
			position: relative;
			width: 100%;
			text-align: center;	
		}

		#thumbs span {
			padding: 12px;
			width: 80px;
			height: 80px;
			cursor: pointer;
			background: url('../images/bg_thumb.gif') top left no-repeat;
			display: inline-block;
		}

		#arrow {
			position: absolute;
			top: -13px;
			background: url('../images/bg_arrow.gif') top center no-repeat;
			width: 104px;
			height: 39px;
			display: none;
		}
